﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="c"
uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@
taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html lang="en">
  <head>
    <link rel="stylesheet" href="${ctx}/common/common.css" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />
    <meta name="apple-mobile-web-app-title" content="采购" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <title></title>
    <link href="${ctx}/common/publicPlatform/css/mui.min.css" rel="stylesheet" />
    <link href="${ctx}/common/publicPlatform/css/mui.picker.css" rel="stylesheet" />
    <link href="${ctx}/common/publicPlatform/css/mui.poppicker.css" rel="stylesheet" />
    <link rel="stylesheet" href="${ctx}/common/publicPlatform/css/mui.picker.min.css" />
    <link href="${ctx}/common/publicPlatform/css/reset.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/common/publicPlatform/css/index.css" rel="stylesheet" type="text/css" />
    <style>
      .source-img img {
        max-height: 300px;
      }
      .checkout-report-img img {
        max-height: 300px;
      }
      .pur-top-center {
        font-size: 0.18rem;
      }
    </style>
  </head>
  <body class="commodity-wrap">
    <header>
      <link rel="stylesheet" href="${ctx}/common/common.css" />
      <div class="pur-top">
        <div class="gb left"><img src="${ctx}/common/publicPlatform/img/gb.png" /></div>
        <h2 class="pur-top-center">${enterprise.name}</h2>
        <div class="gb right"><img src="${ctx}/common/publicPlatform/img/gd.png" /></div>
      </div>
      <div class="pur-left left">
        <img src="${ctx}/${product.imgDefault}" style="width: 200px" />
      </div>
      <div class="pur-right right">
        <h3 style="font-size: 0.16rem">${enterprise.name}</h3>
        <p>
          产品标准号：
          <b>${product.standardNum}</b>
        </p>
        <p>
          规格：
          <b>${product.specifications}</b>
        </p>
        <p>
          单位：
          <b>${product.unit}</b>
        </p>
        <div class="red">已扫描 ${product.scanNum}次</div>
      </div>
    </header>

    <div class="pre"></div>
    <div class="content-box">
      <nav class="content-nav huandong wrapper1">
        <ul class="content-nav-u content">
          <li>产品</li>
          <li>采购</li>
          <li>生产</li>
          <li>检验</li>
          <c:if test="${not empty product.traceabilityType && product.traceabilityType==1 }">
            <!-- 溯源类型：0-无溯源 1-个体溯源 2-批量溯源  -->
            <li>流通</li>
          </c:if>
        </ul>
      </nav>
      <div class="big-box">
        <div class="content-main" id="productTrace">
          <!-- 商品信息 -->
          <%@include file="include/product.jsp"%>
        </div>
        <div class="content-main" id="productionTrace">
          <!-- 采购信息-->
          <%@include file="include/demand.jsp"%>
        </div>

        <div class="content-main" id="productionTrace">
          <!-- 生产-->
          <%@include file="include/production.jsp"%>
        </div>

        <div class="content-main" id="inspectionTrace">
          <!--检验-->
          <%@include file="include/inspection.jsp"%>
        </div>
        <c:if test="${not empty product.traceabilityType && product.traceabilityType==1 }">
          <!--流通-->
          <div class="content-main" id="circulationTrace"><%@include file="include/lablesalebill.jsp"%></div>
        </c:if>
      </div>
    </div>
    <footer class="total-box">
      <button class="footer-button">去逛逛</button>
      <p><!-- 技术支持单位：哈尔滨研石科技有限公司 --></p>
    </footer>

    <script src="${ctx}/common/publicPlatform/js/rem.js"></script>
    <script src="${ctx}/common/publicPlatform/js/jquery-1.11.1.min.js"></script>

    <script src="${ctx}/common/publicPlatform/js/purchase.js"></script>
    <script type="text/javascript">
      //进度条
      $(".progressbar").each(function () {
        var t = $(this),
          dataperc = t.attr("data-perc"),
          barperc = Math.round(dataperc) + "%";
        t.find(".bar").animate({ width: barperc }, dataperc * 25);
        function perc() {
          var length = t.find(".bar").css("width"),
            perc = Math.round(parseInt(length) / 2.56),
            labelpos = parseInt(length) - 2;
          t.find(".perc").text(perc + "%");
        }
        perc();
        setInterval(perc, 0);
      });
      function productTrace(tab) {}
    </script>
    <script src="${ctx}/common/publicPlatform/js/mui.js"></script>
    <script src="${ctx}/common/publicPlatform/js/mui.picker.min.js"></script>
  </body>
</html>
